<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta
			name="viewport"
			content="width=device-width,initial-scale=1.0,user-scalable=no"
		/>
		<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
		<title><%= htmlWebpackPlugin.options.title %></title>
	</head>
	<body>
		<noscript>
			<strong
				>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
				properly without JavaScript enabled. Please enable it to
				continue.</strong
			>
		</noscript>
		<div id="app"></div>
		<!-- built files will be auto injected -->

		<script type="text/javascript">
			// 获取屏幕宽度
			let htmlWidth =
				document.documentElement.clientWidth || document.body.clientWidth
			// 当屏幕宽度大于 750px 时，将屏幕宽度设置为 750px
			if (htmlWidth > 750) {
				htmlWidth = 750
			}

			// 获取 html 元素
			let htmlDom = document.getElementsByTagName('html')[0]
			// 设置根元素字体大小
			htmlDom.style.fontSize = htmlWidth / 20 + 'px'
		</script>
	</body>
</html>
